<html lang='zh-CN'>
        <head >
        <meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title >AI问答管理系统 - 系统设置</title>
<script src='https://res.gemcoder.com/js/reload.js'></script>
<script src='https://cdn.tailwindcss.com'></script>
<link href='https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'/>
<script src='https://cdn.bootcdn.net/ajax/libs/echarts/5.4.3/echarts.min.js'></script>
<script >tailwind.config = {
  theme: {
    extend: {
      colors: {
        primary: '#165DFF',
        secondary: '#36CFC9',
        success: '#52C41A',
        warning: '#FAAD14',
        danger: '#FF4D4F',
        info: '#8C8C8C',
        light: '#F5F5F5',
        dark: '#1F2937'
      },
      fontFamily: {
        inter: ['Inter', 'system-ui', 'sans-serif']
      }
    }
  }
};</script>
<style type='text/tailwindcss'>
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .sidebar-item {
                @apply flex items-center gap-3 px-4 py-3 text-gray-700 hover:bg-blue-50 hover:text-primary rounded-lg transition-all duration-200;
            }
            .sidebar-item.active {
                @apply bg-primary/10 text-primary font-medium;
            }
            .card-shadow {
                @apply shadow-sm hover:shadow-md transition-shadow duration-300;
            }
            .btn-primary {
                @apply bg-primary text-white px-4 py-2 rounded-lg hover:bg-primary/90 transition-all duration-200;
            }
            .btn-secondary {
                @apply bg-white border border-gray-300 text-gray-700 px-4 py-2 rounded-lg hover:bg-gray-50 transition-all duration-200;
            }
            .btn-success {
                @apply bg-success text-white px-4 py-2 rounded-lg hover:bg-success/90 transition-all duration-200;
            }
            .form-input {
                @apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/50 focus:border-primary;
            }
            .form-label {
                @apply block text-sm font-medium text-gray-700 mb-1;
            }
        }
    </style>
    </head>
<body class='font-inter bg-gray-50 text-gray-900 min-h-screen flex flex-col'>
        <div class='flex flex-1 overflow-hidden'>
        <!-- 侧边栏 -->
<aside class='w-64 bg-white shadow-sm flex-shrink-0 hidden md:block overflow-y-auto fixed top-0 bottom-0 z-20' style='top:2.219000000000001px'>
        <div class='p-5 border-b border-gray-200' style>
        <div class='flex items-center gap-3' style>
        <div class='w-10 h-10 rounded-lg bg-primary flex items-center justify-center text-white' style='background-color:#4a90e2ff'>
        <i class='fas fa-robot text-xl'>
        </i>
    </div>
<div >
        <h1 class='text-xl font-bold text-gray-900' data-yteditvalue='AI问答管理系统'>
        AI问答管理系统
    </h1>
    </div>
    </div>
    </div>
<nav class='p-4' style>
        <div class='space-y-1' style>
        <p class='text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-3'>
        主导航
    </p>
<a class='sidebar-item' href='javascript:void(0);'>
        <i class='fas fa-tachometer-alt w-5 text-center'>
        </i>
<span >
        仪表盘
    </span>
    </a>
<a class='sidebar-item' href='javascript:void(0);' style>
        <i class='fas fa-file-alt w-5 text-center'>
        </i>
<span >
        文档管理
    </span>
    </a>
<a class='sidebar-item' href='javascript:void(0);' style>
        <i class='fas fa-history w-5 text-center'>
        </i>
<span >
        历史对话
    </span>
    </a>
<a class='sidebar-item' href='javascript:void(0);' style>
        <i class='fas fa-users w-5 text-center' style>
        </i>
<span >
        用户管理
    </span>
    </a>
<a class='sidebar-item' href='javascript:void(0);' style>
        <i class='fas fa-lock w-5 text-center'>
        </i>
<span >
        权限管理
    </span>
    </a>
    </div>
<div class='mt-8 space-y-1'>
        <p class='text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-3' style>
        系统
    </p>
<a class='sidebar-item active' href='javascript:void(0);' style>
        <i class='fas fa-cog w-5 text-center'>
        </i>
<span >
        系统设置
    </span>
    </a>
<a class='sidebar-item' href='javascript:void(0);' style>
        <i class='fas fa-question-circle w-5 text-center'>
        </i>
<span style>
        帮助中心
    </span>
    </a>
    </div>
<div class='mt-8 p-4 bg-primary/5 rounded-xl' style>
        <h3 class='text-sm font-medium text-primary mb-2' style>
        AI能力配置
    </h3>
<p class='text-xs text-gray-600 mb-3' style>
        调整AI模型参数和RAG配置以优化问答效果。
    </p>
<button class='btn btn-primary text-sm w-full justify-center' style>
        <i class='fas fa-sliders-h'>
        </i>
配置模型
    </button>
    </div>
    </nav>
    </aside>
<!-- 主内容区 -->
<div class='flex-1 flex flex-col overflow-hidden md:ml-64'>
        <!-- 顶部导航 -->
<header class='h-16 bg-white shadow-sm flex items-center justify-between px-6 z-20 fixed w-full md:w-[calc(100%-256px)] md:left-64' data-selectorname='#id-wmkqw' data-ytextravalue='extra-348j4x8ln' style='top: 0px;'>
        <div class='flex items-center gap-6' data-ytindex='0' data-ytoriginindex='0' data-ytparentvalue='extra-348j4x8ln' style='left:500px;position:relative'>
        <button class='md:hidden text-gray-500 hover:text-primary' id='mobile-menu-button'>
        <i class='fas fa-bars text-xl'>
        </i>
    </button>
<div class='relative hidden md:block'>
        </div>
    </div>
<div class='flex items-center gap-4'>
        <button class='relative text-gray-500 hover:text-primary transition-colors'>
        <i class='fas fa-bell text-xl'>
        </i>
<span class='absolute -top-1 -right-1 w-4 h-4 bg-danger rounded-full text-white text-xs flex items-center justify-center'>
        3
    </span>
    </button>
<button class='relative text-gray-500 hover:text-primary transition-colors'>
        <i class='fas fa-envelope text-xl'>
        </i>
<span class='absolute -top-1 -right-1 w-4 h-4 bg-primary rounded-full text-white text-xs flex items-center justify-center'>
        5
    </span>
    </button>
<div class='flex items-center gap-3 cursor-pointer group'>
        <img alt='用户头像' class='w-10 h-10 rounded-full object-cover border-2 border-transparent group-hover:border-primary transition-all' src='https://design.gemcoder.com/staticResource/echoAiSystemImages/d5b746e6df920d562920498d632da9fe.png'/>
<div class='hidden md:block'>
        <p class='font-medium'>
        管理员
    </p>
<p class='text-xs text-gray-500'>
        系统管理员
    </p>
    </div>
<i class='fas fa-chevron-down text-xs text-gray-500 group-hover:text-primary transition-colors'>
        </i>
    </div>
    </div>
    </header>
<!-- 页面内容 -->
<main class='flex-1 overflow-y-auto p-4 md:p-6 bg-gray-50 pt-20'>
        <div class='max-w-7xl mx-auto'>
        <!-- 页面标题 -->
<div class='mb-6'>
        <h2 class='text-[clamp(1.5rem,3vw,2rem)] font-bold text-gray-800'>
        系统设置
    </h2>
<p class='text-gray-500 mt-1 text-30px font-bold' data-yteditvalue='系统设置' style='color:#000000FF; font-size: 30px;'>
        系统设置
    </p>
<p class='text-gray-500 mt-1' data-yteditvalue='配置系统参数和全局选项'>
        配置系统参数和全局选项
    </p>
    </div>
<!-- 选项卡导航 -->
<div class='bg-white rounded-lg shadow-sm mb-6 overflow-hidden'>
        <div class='flex border-b'>
        <button class='tab-button active py-4 px-6 text-primary border-b-2 border-primary font-medium' data-tab='basic'>
        基本设置
    </button>
<button class='tab-button py-4 px-6 text-gray-500 hover:text-gray-700' data-tab='ai'>
        AI配置
    </button>
<button class='tab-button py-4 px-6 text-gray-500 hover:text-gray-700' data-tab='storage'>
        存储设置
    </button>
<button class='tab-button py-4 px-6 text-gray-500 hover:text-gray-700' data-tab='security'>
        安全设置
    </button>
<button class='tab-button py-4 px-6 text-gray-500 hover:text-gray-700' data-tab='notifications'>
        通知设置
    </button>
    </div>
    </div>
<!-- 设置内容区域 -->
<div class='tab-content active' id='basic-settings'>
        <div class='grid grid-cols-1 lg:grid-cols-3 gap-6'>
        <!-- 左侧设置面板 -->
<div class='lg:col-span-2 space-y-6'>
        <!-- 系统信息 -->
<div class='bg-white rounded-xl p-6 card-shadow'>
        <h3 class='text-lg font-semibold mb-4 flex items-center'>
        <i class='fas fa-info-circle text-primary mr-2'>
        </i>
系统信息
    </h3>
<div class='grid grid-cols-1 md:grid-cols-2 gap-6'>
        <div >
        <div class='form-label'>
        系统名称
    </div>
<input class='form-input' type='text' value='AI问答管理系统'/>
    </div>
<div >
        <div class='form-label'>
        系统版本
    </div>
<input class='form-input bg-gray-50 cursor-not-allowed' readonly type='text' value='v2.3.5'/>
    </div>
<div >
        <div class='form-label'>
        系统描述
    </div>
<textarea class='form-input h-20' rows='3'>
        智能问答平台管理中心，实时监控系统运行状态和关键业务指标
    </textarea>
    </div>
<div >
        <div class='form-label'>
        系统Logo
    </div>
<div class='border-2 border-dashed border-gray-300 rounded-lg p-4 text-center hover:border-primary transition-colors cursor-pointer'>
        <img alt='系统Logo' class='mx-auto h-12 object-contain mb-2' src='https://design.gemcoder.com/staticResource/echoAiSystemImages/0c089b4b7ebfd879ce54018aefa176da.png'/>
<p class='text-sm text-gray-500'>
        点击更换Logo
    </p>
<input class='hidden' id='logo-upload' type='file'/>
    </div>
    </div>
    </div>
    </div>
<!-- 缓存设置 -->
<div class='bg-white rounded-xl p-6 card-shadow'>
        <h3 class='text-lg font-semibold mb-4 flex items-center'>
        <i class='fas fa-database text-primary mr-2'>
        </i>
缓存设置
    </h3>
<div class='space-y-6'>
        <div class='grid grid-cols-1 md:grid-cols-2 gap-6'>
        <div >
        <div class='form-label'>
        缓存有效期（小时）
    </div>
<input class='form-input' max='72' min='1' type='number' value='24'/>
    </div>
<div >
        <div class='form-label'>
        缓存大小限制（MB）
    </div>
<input class='form-input' max='2048' min='64' type='number' value='512'/>
    </div>
    </div>
<div class='flex items-center justify-between p-4 bg-yellow-50 border border-yellow-200 rounded-lg'>
        <div class='flex items-start'>
        <i class='fas fa-info-circle text-yellow-500 mt-0.5 mr-3 text-lg'>
        </i>
<div >
        <h4 class='font-medium text-yellow-800'>
        当前缓存状态
    </h4>
<p class='text-sm text-yellow-700 mt-1'>
        已使用缓存: 187 MB / 512 MB (36.5%)
    </p>
    </div>
    </div>
<button class='btn-secondary text-red-600 hover:text-red-700 hover:bg-red-50 border-red-200'>
        <i class='fas fa-trash-alt mr-1'>
        </i>
清除缓存
    </button>
    </div>
    </div>
    </div>
<!-- 最近操作 -->
<div class='bg-white rounded-xl p-6 card-shadow' data-ytindex='2' data-ytoriginindex='2' data-ytparentvalue='extra-za1j8xz97' style='opacity: 1;'>
        <h3 class='text-lg font-semibold mb-4' style>
        最近操作
    </h3>
<div class='space-y-4 text-sm'>
        <div class='flex items-start'>
        <div class='bg-blue-100 text-primary p-2 rounded-full mr-3'>
        <i class='fas fa-cog'>
        </i>
    </div>
<div >
        <p >
        修改了AI模型参数
    </p>
<p class='text-gray-500 mt-0.5'>
        今天 14:32
    </p>
    </div>
    </div>
<div class='flex items-start'>
        <div class='bg-green-100 text-green-600 p-2 rounded-full mr-3'>
        <i class='fas fa-upload'>
        </i>
    </div>
<div >
        <p >
        上传了新的系统Logo
    </p>
<p class='text-gray-500 mt-0.5'>
        昨天 09:15
    </p>
    </div>
    </div>
<div class='flex items-start'>
        <div class='bg-purple-100 text-purple-600 p-2 rounded-full mr-3'>
        <i class='fas fa-download'>
        </i>
    </div>
<div >
        <p >
        导出了系统配置
    </p>
<p class='text-gray-500 mt-0.5'>
        昨天 16:48
    </p>
    </div>
    </div>
<div class='flex items-start'>
        <div class='bg-red-100 text-red-600 p-2 rounded-full mr-3'>
        <i class='fas fa-trash-alt'>
        </i>
    </div>
<div >
        <p >
        清除了系统缓存
    </p>
<p class='text-gray-500 mt-0.5'>
        2023/11/12 11:23
    </p>
    </div>
    </div>
    </div>
    </div>
    </div>
<!-- 右侧操作面板 -->
<div class='lg:col-span-1 space-y-6' data-ytextravalue='extra-za1j8xz97'>
        <!-- 操作按钮 -->
<div class='bg-white rounded-xl p-6 card-shadow sticky top-24' data-ytindex='0' data-ytoriginindex='0'>
        <h3 class='text-lg font-semibold mb-4'>
        操作
    </h3>
<div class='space-y-3'>
        <button class='btn-primary w-full flex items-center justify-center'>
        <i class='fas fa-save mr-2'>
        </i>
保存设置
    </button>
<button class='btn-secondary w-full flex items-center justify-center'>
        <i class='fas fa-undo mr-2'>
        </i>
恢复默认
    </button>
<button class='btn-secondary w-full flex items-center justify-center text-orange-600 border-orange-200 hover:bg-orange-50'>
        <i class='fas fa-download mr-2'>
        </i>
导出配置
    </button>
<button class='btn-secondary w-full flex items-center justify-center text-green-600 border-green-200 hover:bg-green-50'>
        <i class='fas fa-upload mr-2'>
        </i>
导入配置
    </button>
    </div>
<div class='mt-6 pt-6 border-t border-gray-200'>
        <h4 class='font-medium mb-3'>
        设置提示
    </h4>
<ul class='text-sm text-gray-600 space-y-2'>
        <li class='flex items-start'>
        <i class='fas fa-info-circle text-blue-500 mt-0.5 mr-2'>
        </i>
<span >
        部分设置需要重启系统才能生效
    </span>
    </li>
<li class='flex items-start'>
        <i class='fas fa-info-circle text-blue-500 mt-0.5 mr-2'>
        </i>
<span >
        建议定期备份系统配置以防数据丢失
    </span>
    </li>
<li class='flex items-start'>
        <i class='fas fa-info-circle text-blue-500 mt-0.5 mr-2'>
        </i>
<span >
        修改关键配置前请先导出当前配置
    </span>
    </li>
    </ul>
    </div>
    </div>
<!-- 系统状态 -->
<div class='bg-white rounded-xl p-6 card-shadow' data-ytindex='1' data-ytoriginindex='1'>
        <h3 class='text-lg font-semibold mb-4'>
        系统状态
    </h3>
<div class='space-y-4'>
        <div >
        <div class='flex justify-between text-sm mb-1'>
        <span class='text-gray-600'>
        CPU 使用率
    </span>
<span class='font-medium'>
        32%
    </span>
    </div>
<div class='w-full bg-gray-200 rounded-full h-2'>
        <div class='bg-green-500 h-2 rounded-full' style='width: 32%'>
        </div>
    </div>
    </div>
<div >
        <div class='flex justify-between text-sm mb-1'>
        <span class='text-gray-600'>
        内存使用率
    </span>
<span class='font-medium'>
        67%
    </span>
    </div>
<div class='w-full bg-gray-200 rounded-full h-2'>
        <div class='bg-yellow-500 h-2 rounded-full' style='width: 67%'>
        </div>
    </div>
    </div>
<div >
        <div class='flex justify-between text-sm mb-1'>
        <span class='text-gray-600'>
        磁盘使用率
    </span>
<span class='font-medium'>
        45%
    </span>
    </div>
<div class='w-full bg-gray-200 rounded-full h-2'>
        <div class='bg-blue-500 h-2 rounded-full' style='width: 45%'>
        </div>
    </div>
    </div>
<div class='pt-4 border-t border-gray-200'>
        <div class='text-sm text-gray-600 mb-2'>
        服务状态
    </div>
<div class='grid grid-cols-2 gap-2'>
        <div class='flex items-center text-sm'>
        <span class='w-2 h-2 bg-green-500 rounded-full mr-2'>
        </span>
<span >
        API服务
    </span>
    </div>
<div class='flex items-center text-sm'>
        <span class='w-2 h-2 bg-green-500 rounded-full mr-2'>
        </span>
<span >
        数据库
    </span>
    </div>
<div class='flex items-center text-sm'>
        <span class='w-2 h-2 bg-green-500 rounded-full mr-2'>
        </span>
<span >
        缓存服务
    </span>
    </div>
<div class='flex items-center text-sm'>
        <span class='w-2 h-2 bg-green-500 rounded-full mr-2'>
        </span>
<span >
        搜索服务
    </span>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
<!-- AI配置选项卡内容 -->
<div class='tab-content hidden' id='ai-settings'>
        <div class='bg-white rounded-xl p-6 card-shadow'>
        <h3 class='text-lg font-semibold mb-6'>
        AI配置内容将在这里显示
    </h3>
<p class='text-gray-500'>
        此选项卡包含AI模型参数、知识库配置、语义检索设置等内容。
    </p>
    </div>
    </div>
<!-- 存储设置选项卡内容 -->
<div class='tab-content hidden' id='storage-settings'>
        <div class='bg-white rounded-xl p-6 card-shadow'>
        <h3 class='text-lg font-semibold mb-6'>
        存储配置内容将在这里显示
    </h3>
<p class='text-gray-500'>
        此选项卡包含存储路径设置、容量管理、备份策略等内容。
    </p>
    </div>
    </div>
<!-- 安全设置选项卡内容 -->
<div class='tab-content hidden' id='security-settings'>
        <div class='bg-white rounded-xl p-6 card-shadow'>
        <h3 class='text-lg font-semibold mb-6'>
        安全配置内容将在这里显示
    </h3>
<p class='text-gray-500'>
        此选项卡包含密码策略、访问控制、IP限制等安全相关设置。
    </p>
    </div>
    </div>
<!-- 通知设置选项卡内容 -->
<div class='tab-content hidden' id='notifications-settings'>
        <div class='bg-white rounded-xl p-6 card-shadow'>
        <h3 class='text-lg font-semibold mb-6'>
        通知配置内容将在这里显示
    </h3>
<p class='text-gray-500'>
        此选项卡包含邮件通知、系统提醒、事件告警等通知相关设置。
    </p>
    </div>
    </div>
    </div>
    </main>
    </div>
    </div>
<!-- 移动端菜单 -->
<div class='fixed inset-0 bg-black/50 z-50 hidden' id='mobile-menu-overlay'>
        <div class='bg-white w-64 h-full shadow-lg transform transition-transform duration-300 translate-x-[-100%] fixed z-50' id='mobile-menu'>
        <!-- 移动端菜单内容，与侧边栏相同 -->
<div class='p-4 border-b'>
        <h1 class='text-xl font-bold text-primary flex items-center gap-2'>
        <i class='fas fa-robot'>
        </i>
<span >
        AI问答管理系统
    </span>
    </h1>
<p class='text-sm text-gray-500 mt-1'>
        智能问答平台管理中心
    </p>
<button class='absolute top-4 right-4 text-gray-500' id='close-mobile-menu'>
        <i class='fas fa-times'>
        </i>
    </button>
    </div>
<nav class='px-2 py-4'>
        <div class='text-xs font-semibold text-gray-500 px-4 mb-2 uppercase'>
        主导航
    </div>
<a class='sidebar-item block' href='javascript:void(0);'>
        <i class='fas fa-tachometer-alt w-5 text-center'>
        </i>
<span >
        仪表盘
    </span>
    </a>
<a class='sidebar-item block' href='javascript:void(0);'>
        <i class='fas fa-file-alt w-5 text-center'>
        </i>
<span >
        文档管理
    </span>
    </a>
<a class='sidebar-item block' href='javascript:void(0);'>
        <i class='fas fa-history w-5 text-center'>
        </i>
<span >
        历史对话
    </span>
    </a>
<a class='sidebar-item block' href='javascript:void(0);'>
        <i class='fas fa-users w-5 text-center'>
        </i>
<span >
        用户管理
    </span>
    </a>
<a class='sidebar-item block' href='javascript:void(0);'>
        <i class='fas fa-lock w-5 text-center'>
        </i>
<span >
        权限管理
    </span>
    </a>
<a class='sidebar-item active block' href='javascript:void(0);'>
        <i class='fas fa-cog w-5 text-center'>
        </i>
<span >
        系统设置
    </span>
    </a>
<div class='text-xs font-semibold text-gray-500 px-4 mb-2 mt-8 uppercase'>
        系统
    </div>
<a class='sidebar-item block' href='javascript:void(0);'>
        <i class='fas fa-question-circle w-5 text-center'>
        </i>
<span >
        帮助中心
    </span>
    </a>
    </nav>
    </div>
    </div>
<script >// 页面加载时初始化
document.addEventListener('DOMContentLoaded', function () {
  // 选项卡切换功能
  var tabButtons = document.querySelectorAll('.tab-button');
  var tabContents = document.querySelectorAll('.tab-content');
  tabButtons.forEach(function (button) {
    button.addEventListener('click', function () {
      var tabId = button.getAttribute('data-tab');
      // 更新按钮状态
      tabButtons.forEach(function (btn) {
        btn.classList.remove('active', 'text-primary', 'border-b-2', 'border-primary', 'font-medium');
        btn.classList.add('text-gray-500');
      });
      button.classList.add('active', 'text-primary', 'border-b-2', 'border-primary', 'font-medium');
      button.classList.remove('text-gray-500');
      // 更新内容区域
      tabContents.forEach(function (content) {
        content.classList.add('hidden');
      });
      document.getElementById("".concat(tabId, "-settings")).classList.remove('hidden');
    });
  });
  // 移动端菜单功能
  var mobileMenuButton = document.getElementById('mobile-menu-button');
  var closeMobileMenu = document.getElementById('close-mobile-menu');
  var mobileMenuOverlay = document.getElementById('mobile-menu-overlay');
  var mobileMenu = document.getElementById('mobile-menu');
  mobileMenuButton.addEventListener('click', function () {
    mobileMenuOverlay.classList.remove('hidden');
    setTimeout(function () {
      mobileMenu.classList.remove('translate-x-[-100%]');
    }, 10);
  });
  function hideMobileMenu() {
    mobileMenu.classList.add('translate-x-[-100%]');
    setTimeout(function () {
      mobileMenuOverlay.classList.add('hidden');
    }, 300);
  }
  closeMobileMenu.addEventListener('click', hideMobileMenu);
  mobileMenuOverlay.addEventListener('click', function (e) {
    if (e.target === mobileMenuOverlay) {
      hideMobileMenu();
    }
  });
  // Logo上传点击事件
  var logoUploadArea = document.querySelector('.border-dashed.border-gray-300.rounded-lg');
  var logoInput = document.getElementById('logo-upload');
  logoUploadArea.addEventListener('click', function () {
    logoInput.click();
  });
  logoInput.addEventListener('change', function (e) {
    if (e.target.files.length > 0) {
      // 这里可以添加预览和上传逻辑
      console.log('Logo文件已选择:', e.target.files[0].name);
      // 实际项目中这里会有文件上传和预览更新的逻辑
    }
  });
  // 清除缓存按钮确认
  var clearCacheButton = document.querySelector('button:has(.fa-trash-alt)');
  clearCacheButton.addEventListener('click', function () {
    if (confirm('确定要清除所有缓存吗？此操作不可恢复。')) {
      // 这里添加清除缓存的逻辑
      console.log('清除缓存操作已执行');
      alert('缓存已成功清除');
    }
  });
  // 保存设置按钮
  var saveButton = document.querySelector('.btn-primary:has(.fa-save)');
  saveButton.addEventListener('click', function () {
    // 这里添加保存设置的逻辑
    console.log('设置已保存');
    alert('设置已成功保存');
  });
  // 恢复默认按钮
  var resetButton = document.querySelector('.btn-secondary:has(.fa-undo)');
  resetButton.addEventListener('click', function () {
    if (confirm('确定要恢复默认设置吗？所有自定义设置将丢失。')) {
      // 这里添加恢复默认设置的逻辑
      console.log('已恢复默认设置');
      alert('已恢复默认设置');
    }
  });
});</script>
    </body>
    </html>